418. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:24 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

418.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_breadcrumbs.less2018-01-13 21:45:26 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_breadcrumbs.less2021-02-09 08:17:52 +0000

418.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged670
Changed458
Inserted00
Removed11

418.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

418.4 Active regular expressions

No regular expressions were active.

418.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Common 7 //  Common
8 //  _____________________________________________ 8 //  _____________________________________________
9  9 
10 & when (@media-common = true) { 10 & when (@media-common = true) {
11     .breadcrumbs { 11     .breadcrumbs {
12         .lib-breadcrumbs(); 12         .lib-breadcrumbs();
13     } 13     }
14     .page-wrapper > .breadcrumbs { 14     .page-wrapper > .breadcrumbs {
15         padding: 0; 15         padding: 0;
16         background-color: @breadcrumbs__background-color; 16         background-color: @breadcrumbs__background-color;
17         color: @breadcrumbs__font-color; 17         color: @breadcrumbs__font-color;
18          18         font-size: .75rem;
    19         margin-bottom: 0;
19         .items { 20         .items {
20             color: inherit; 21             color: inherit;
21             padding: 10px 15px; 22             padding: 12px 10px;
22             margin: 0 auto; 23             display: flex;
23             max-width: @layout__max-width; 24             flex-wrap: wrap;
    25             font-size: 1em;
    26             >li {
    27               text-shadow: none;
    28               text-transform: uppercase;
    29               display: flex;
    30               align-items: center;
    31               margin: 0
;
    32               &.home a {
    33                 position: relative;
    34                 width: 14px;
    35                 text-indent: -9999px;
    36                 &:after {
    37                   font-family: porto-icons;
    38                   content: "\e883";
    39                   float: left;
    40                   text-indent: 0;
    41                 }
    42               }
    43               a {
    44                 display: inline-block;
    45                 border-color: transparent;
    46                 background: transparent;
    47                 color: inherit;
    48                 padding: 0;
    49               }
    50               strong {
    51                 font-weight: inherit;
    52               }
    53               &:not(:last-child)::after {
    54                 position: relative;
    55                 content: "\e819";
    56                 font-family: porto-icons;
    57                 left: -1px;
    58                 display: block;
    59                 float: right;
    60                 margin: 0 4px;
    61                 width: 20px;
    62                 text-align: center;
    63                 font-style: normal;
    64                 font-size: 12px;
    65                 line-height: inherit;
    66               }
    67             }
24         } 68         }
25             
26         a, a:hover, a:focus { 69         a, a:hover, a:focus {
27             color: @breadcrumbs__font-color; 70             color: @breadcrumbs__font-color;
28         } 71         }
29          72 
30         .item:not(:last-child):after { 73         .item:not(:last-child):after {
31             line-height: 15px; 74             line-height: 15px;
32         } 75         }
33     } 76     }
34 } 77 }
35  78 
36 // 79 //
37 //  Mobile 80 //  Mobile
38 //  _____________________________________________ 81 //  _____________________________________________
39  82 
40 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 83 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
41     .breadcrumbs {
 84     .breadcrumbs { }
42         display: none;    
43     }    
44 } 85 }